﻿@{
    <div id="templatemo_slider_wrapper">
	<div id="templatemo_slider">
	<div id="carousel">
    	<div class="panel">
				
				<div class="details_wrapper">
					
					<div class="details">
					
						<div class="detail">
							<h2><a href="#">Dolor sit amet</a></h2>
                            <p>Pellentesque quis velit augue, sit amet ultrices dui. Aenean eget nisi quis est pulvinar sagittis. Fusce congue dignissim libero sed vulputate. Donec in massa ac lacus laoreet gravida non quis velit ac scelerisque.</p>
							<a href="#" title="Read more" class="more">Read more</a>
						</div><!-- /detail -->
						
						<div class="detail">
							<h2><a href="#">Sed malesuada luctus</a></h2>
                            <p>Duis dignissim tincidunt turpis eget pellentesque. Nulla consectetur accumsan facilisis. Sed vel interdum sapien. roin ac consequat ante. Pellentesque consectetur blandit magna, at ornare urna iaculis sit amet.</p>
							<a href="#" title="Read more" class="more">Read more</a>
						</div><!-- /detail -->
						
						<div class="detail">
							<h2><a href="#">Aenean massa cum sociis</a></h2>
                            <p>Sed vel interdum sapien. Aliquam consequat, diam sit amet iaculis ultrices, diam erat faucibus dolor, quis auctor metus libero vel mi. Nunc odio dolor, eleifend non fringilla nec, dapibus eu nibh. Proin id condimentum purus.</p>
							<a href="#" title="Read more" class="more">Read more</a>
						</div><!-- /detail -->
					
					</div><!-- /details -->
					
				</div><!-- /details_wrapper -->
				
				<div class="paging">
					<div id="numbers"></div>
					<a href="javascript:void(0);" class="previous" title="Previous" >Previous</a>
					<a href="javascript:void(0);" class="next" title="Next">Next</a>
				</div><!-- /paging -->
				
				<a href="javascript:void(0);" class="play" title="Turn on autoplay">Play</a>
				<a href="javascript:void(0);" class="pause" title="Turn off autoplay">Pause</a>
				
			</div><!-- /panel -->
			
            <div id="slider-image-frame">
                <div class="backgrounds">
                    
                    <div class="item item_1">
                        <img src="/images/slider/slide1.jpg" alt="Image 01" />
                    </div><!-- /item -->
                    
                    <div class="item item_2">
                        <img src="/images/slider/slide2.jpg" alt="Image 02" />
                    </div><!-- /item -->
                    
                    <div class="item item_3">
                        <img src="/images/slider/slide3.jpg" alt="Image 03" />
                    </div><!-- /item -->
                    
                </div><!-- /backgrounds -->
			</div>
		</div>
    </div> <!-- END of templatemo_slider -->
</div> <!-- END of templatemo_slider_wrapper -->
}